<!DOCTYPE html>
<html>
<head>
    {% include "part/head-meta-link.html" ignore missing with context %}
    <title>登录</title>
    <link  href="../static/css/login.css" rel="stylesheet" type="text/css" >
    <style type="text/css">
        body{
            background-repeat: no-repeat;
            background-size: 1400px 800px;
            background-image: url(../static/img/login.jpg);
        }
    </style>
</head>
<body>
    <div>
        {% with messages = get_flashed_messages() %}
            {% if messages %}
                <ul class="flashes">
                    {% for message in messages %}
                        <li>{{ message }}</li>
                    {% endfor %}
                </ul>
                <hr />
            {% endif %}
        {% endwith %}
    </div>
    <div class="login-css"> 
       <div class="login-padding">
           <form action="{{ url_for('view_login') }}" method="POST">
               <h2 style="text-align: center; color: #000000" >Log in</h2>
               <div class="am-input-group"  >
                  <span class="am-input-group-label" style="background-color: rgba(50,100,50,0.1); border: 1px solid rgba(254,254,254,0.3);"><i class="am-icon-user am-icon-fw"></i></span>
                  <input type="text" class="am-form-field" name="username" id="username" placeholder="username" autofocus style="background-color: rgba(50,100,50,0.1); border: 1px solid rgba(254,254,254,0.3);"  placeholder="Username">
                </div><br>

                <div class="am-input-group" >
                  <span class="am-input-group-label" style="background-color: rgba(50,100,50,0.1); border: 1px solid rgba(254,254,254,0.3);"><i class="am-icon-lock am-icon-fw"></i></span>
                  <input type="password" class="am-form-field" name="password" id="password" style="background-color: rgba(50,100,50,0.1); border: 1px solid rgba(254,254,254,0.3);" placeholder="Password">
                </div>
                <br>
                <div class="btn-line">
                    <button type="submit" class="am-btn am-btn-secondary am-round class" style="width:240px">Log  in</button>
                </div>
                <br>
                <div>
                    <span style="color: red;">其他登录方式：</span><br><br>&nbsp;
                    <a href="##" class="am-icon-btn am-icon-twitter am-primary"></a>&nbsp;
                    <a href="##" class="am-icon-btn am-icon-facebook am-secondary"></a>&nbsp;
                    <a href="##" class="am-icon-btn am-icon-github am-secondary"></a>&nbsp;
                    <a href="##" class="am-icon-btn am-primary am-icon-qq"></a>&nbsp;
                    <a href="##" class="am-icon-btn am-secondary am-icon-drupal"></a>
                </div>
            </form>
         </div>
    </div>
</body>
</html>